:root {
  --primary: #3563EE;
  --orange: #F36D37;
  --light-orange: #FFC5AD;
  --secondary: #B4FF33;
  --light-green: #E7FFBD;
  --black: #000;
  --black-light: #121212;
  --gray-light: #727272;
  --white: #ffffff;
}

/* @font-face {
  font-family: 'DM Sans', sans-serif;
  src: url(font/DMSans.ttf);
} */
/* @font-face {
  font-family: 'Funnel Display', sans-serif;
  src: url(font/FunnelDisplay.ttf);
} */

/* body{
  overflow-x: hidden;
} */
.box-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

.wrapper {
  float: left;
  width: 100%;
  max-width: 2000px;
  position: relative;
}
/* Global Class */
.width-100,
.width-50 {
  float: left;
}
.width-100 {
  width: 100%;
}
.width-50 {
  width: 50%;
}
.img-cover {
  object-fit: cover;
  object-position: center;
}
.image-cover {
  object-fit: cover;
  object-position: center;
}

.image-contain {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
.relative{
  position: relative;
}